body {
    min-width: 320px;
    width: 10rem;
    max-width: 750px;
    margin: 0 auto;
    background: #f2f2f2;
    font-family: -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
}
@media screen and (min-width:750px){
    html{
        font-size: 75px !important;
    }
}
/* .top {
    width: 10rem;
    background-color: #ffdb47;
}
.top_hd{
   
    display: flex;
    height: 1.173333rem;
    padding: 0 .426667rem;
}
.fenlei,.dengru{
    margin-top: .2rem;
}
.fenlei{
    width: .48rem;
    height: .8rem;
    background: url(../images/01.png) no-repeat;
    background-size: .48rem .8rem;
}
.bg{
    flex: 1;
    text-align: center;
    width: 7.653333rem;
    height: 1.173333rem;
    margin: 0 .266667rem;
    line-height: 1.173333rem;
}
.bg img{
    width: 5.2rem;
    height: 1.013333rem;
}
.dengru{
    width: .48rem;
    height: .8rem;
    background: url(../images/02.png) no-repeat;
    background-size: .48rem .8rem;
}
.bottom_hd{
    background-color: red;
    height: 1.213333rem;
    padding-top: .013333rem;
}
.search{
    position: relative;
    overflow: hidden;
    height: .866667rem;
    line-height: .866667rem;
    border-radius: .426667rem;
    margin: .173333rem .426667rem 0;
}
.search::after{
    position: absolute;
    top: .2rem;
    left: .2rem;
    content: "";
    width: .533333rem;
    height: .533333rem;
    background: url(../images/04.png) no-repeat;
    background-size: .533333rem .533333rem;
}
.bottom_hd input{
    width: 100%;
    height: .866667rem;
    font-size: .333333rem;
    text-indent: 3em;
}  */
.index_top .top_hd {
    display: flex;
    height:1.173333rem;
    padding: 0 .426667rem;
    background-color: #ffdb47;
  }
  .index_top .top_hd .l,
  .index_top .top_hd .r {
    width: .48rem;
    height: .8rem;
    line-height: .8rem;
    margin-top: .2rem;
  }
  .index_top .top_hd .l img,
  .index_top .top_hd .r img {
    width: 100%;
    height: 100%;
  }
  .index_top .top_hd .ad {
    flex: 1;
    height: 1.173333rem;
    margin: 0 .266667rem;
    text-align: center;
    line-height: 1.173333rem;
  }
  .index_top .top_hd .ad img {
    width: 5.2rem;
    height: 1.013333rem;
  }
  .index_top .top_bd {
    padding-top: .013333rem;
    height: 1.173333rem;
    background-color: #ffdb47;
  }
  .index_top .top_bd .search {
    position: relative;
    overflow: hidden;
    height: .866667rem;
    margin: .133333rem .426667rem 0;
    line-height: .866667rem;
    background-color: #fff;
    border-radius: .44rem;
  }
  .index_top .top_bd .search input {
      display: block;
    width: 100%;
    height: .866667rem;
    font-size: .4rem;
    text-indent: 3em;
  }
  .index_top .top_bd .search::after {
    position: absolute;
    left: .24rem;
    top: .2rem;
    content: '';
    width: .48rem;
    height: .48rem;
    background: url(../images/04.png) no-repeat;
    background-size: .48rem .48rem;
  }
.banner{
    width: 10rem;
    height: 3.053333rem;
    background: url(../upload/bg1.jpg) no-repeat;
    background-size: 10rem 3.053333rem;
}
.banner .pic{
    width: 9.36rem;
    height: 3.053333rem;
    margin: auto;
    border-radius: .133333rem;
    overflow: hidden;
}
.banner .pic img{
    width: 100%;
    height: 100%;
}
.ad{
    display: flex;
    margin-top: .4rem;
}
.ad a{
    flex: 1;
}
.ad a img{
    width: 100%;
}
.nav{
    display: flex;
    flex-wrap: wrap;
}
.nav a{
    width: 20%;
    text-align: center;
}
.nav a i{
    display: block;
    margin: .133333rem auto;
    width: 1.12rem;
    height: 1.12rem;
}
.nav a i img{
    width: 100%;
}
.nav a p{
    font-size: .293333rem;
    color: #666;
}
.big{
    display: flex;
    height: 3.12rem;
    width: 10rem;
    margin: .32rem 0;
}
.big a{
    flex: 1;
}
.big a:nth-child(1){
    flex: 2;
}
.big a img{
    width: 100%;
    height: 100%;
}
.lowprice{
    width: 9.36rem;
    height: 9.2rem;
    margin: .2rem .32rem;
    background-color: #fff;
    border-radius: .133333rem;
}
.lowprice .lptop{
    display: flex;
    flex-wrap: wrap;
    height: 6.88rem;
}
.lowprice .lptop .item{
    flex: 50%;
    height: 3.44rem;
    padding: .2rem .333333rem 0;
    border-bottom:1px solid #ccc ;
}
.lowprice .lptop .item:nth-child(2n+1){
    border-right: 1px solid #ccc;
}
.item_h h3{
    font-size: .373333rem;
    color: #666;
}
.item_ad{
    font-size: .32rem;
    color: #999;
}
.item_list{
    display: flex;
}
.item_list li{
    flex: 1;
    height: 2.04rem;
    text-align: center;
}
.item_list .pic img{
    width: 1.6rem;
    height: 1.6rem;
}
.item_list li{
    position: relative;
}
.item_list li:nth-child(1){
    margin-right: .266667rem;
}
.item_list li .price{
    font-size: .293333rem;
    color: red;
}
.lowprice .item:nth-child(n+2) .price{
    position: absolute;
    bottom: 0;
    width: 2rem;
    height: .72rem;
    padding-top: .293333rem;
    background: url(../upload/bg1.png) no-repeat;
    background-size: 2rem .72rem;
}
.lpbottom{
    display: flex;
    height: 2.293333rem;
}
.lpbottom .lpbt_left{
    padding: .626667rem .24rem 0;
}
.lpbottom .lpbt_left p:nth-child(1){
    font-size: .426667rem;
    color: #444;
    font-weight: 700;
}
.lpbottom .lpbt_left p:nth-child(2){
    font-size: .32rem;
    color: #999;
}
.lpbt_right{
    flex: 1;
    display: flex;
}
.lpbt_right a{
    flex: 25%;
    text-align: center;
}
.lpbt_right a img{
    width: 1.333333rem;
    height: 1.333333rem;
    margin: .266667rem auto .133333rem;
}
.lpbt_right p{
    font-size: .293333rem;
}
.send{
    height: 11.106667rem;
}
.title{
    height: .8rem;
    line-height: .8rem;
}
.title img{
    width: 100%;
    height: 100%;
}
.send_top{
    height:3.546667rem;
    margin: 0 .32rem .173333rem;
    display: flex;
    justify-content: space-between;
}
.stitem{
    position: relative;
    width: 3.013333rem;
    height: 3.546667rem;
    background-color: #fff;
    border-radius: 0 0 .133333rem .133333rem;
}
.stitem  img{
    width: 2rem;
    height: 2rem;
    margin: .2rem .506667rem 0;
}
.sd_txt{
    overflow: hidden;
    text-align: center;
    margin-top: .08rem;
    width: 3.013333rem;
    height: 1.24rem;
    background: url(../upload/02.png) no-repeat;
    background-size:3.013333rem 1.24rem;
}
.sd_txt::before{
    content: "趋势榜";
    position: absolute;
    bottom: 1.013333rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.333333rem;
    height: .453333rem;
    color: #D9A87A;
    font-size: .293333rem;
    background-color: #fff;
    border-radius: .226667rem;
    border: 1px solid #D9A87A;
}
.sd_txt .t_t{
    margin: .2rem auto .04rem;
    font-size: .346667rem;
    color: #fff;
}
.sd_txt .t_d{
    font-size: .293333rem;
    color: #fff;
}
.send_btm{
    margin: 0 .32rem;
    height: 6.413333rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: .133333rem;
}
.send_btm .items{
    flex:50%;
    height: 3.2rem;
    padding: .28rem 0 .213333rem .24rem;
    border-bottom: .013333rem solid #ccc;
}
.send_btm .items:nth-child(2n+1){
    border-right: .013333rem solid #ccc;
}
.send_btm .items:nth-child(n+3){
    border-bottom: 0;
}
.send_btm_hd{
    line-height: .186667rem;
}
.send_btm_hd span:nth-child(1){
    font-size: .346667rem;
    color: #333;
    font-weight: 700;
}
.send_btm_hd span:nth-child(2){
    display: inline-block;
    width: 1.2rem;
    height: .373333rem;
    text-align: center;
    line-height:.373333rem;
    font-size: .293333rem;
    margin-left: .16rem;
    border-radius: .186667rem;
    color: #AB813A;
    background-color:#F9F5EE ;
}
.items p{
    font-size: .32rem;
    color: #999;
    line-height: .426667rem;
}
.guo{
    display: flex;
}
.guo a{
    flex: 1;
    width: 1.866667rem;
    height: 1.866667rem;    
    text-align: center;
}
.guo a img{
    width: 1.866667rem;
}
.guessUlike{
    padding: 0 .32rem;
    margin: .333333rem auto 1.346667rem;
}
.guessUlike .td{
    width: 9.36rem;
    height: .8rem;
    line-height: .8rem;
}
.guessUlike .td img{
    width: 100%;
    height: 100%;
} 
.guessUlike ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.guessUlike ul li{
    text-align: center;
    width: 4.56rem;
    height: 7.226667rem;
    background-color: #fff;
    margin-bottom: .24rem;
    border-radius: .133333rem;
    overflow: hidden;
}
.guessUlike ul li .like_pic img{
    width: 4.56rem;
    height: 4.56rem;
    
}
/* .like_txt{
    width: 4.56rem;
    height: 2.546667rem;
} */
.like_txt h3{
    font-size: .346667rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow:hidden;
    -webkit-box-orient: vertical;
}
.like_txt p:nth-of-type(1){
    text-align: left;
    margin-top: .133333rem;
    line-height: .32rem;
}
.like_txt img{
    width: .64rem;
    height: .32rem;
    margin-left: .066667rem;
}
.like_txt p:nth-of-type(1) span{
    display: inline-block;
    text-align: center;
    width: .826667rem;
    height: .32rem;
    font-size: .24rem;
    vertical-align: middle;
    border: 1px solid #FFBB00;
    background: #FEFBEE;
    border-radius: .106667rem;

}
.like_txt p:nth-of-type(1) span:nth-of-type(1){
    margin: 0 .093333rem;
}
.like_txt p:nth-of-type(2){
    text-align: left;
    margin-top: .333333rem;
    font-size: .32rem;
    color: #FF4422;
}
.like_txt p:nth-of-type(2) span{
    font-size: .48rem;
}
.like_txt p:nth-of-type(2) i{
    font-size: .266667rem;
    color: #999;
    margin-left: .173333rem;
}
.bttom_nav{
    position: fixed;
    bottom: 0;
    display: flex;
    width: 10rem;
    height: 1.346667rem;
    line-height: .666667rem;
    background-color: #FFF;
}
.bttom_nav a{
    flex: 1;
    text-align: center;
}
.bttom_nav a img{
    width: .64rem;
    height: .64rem;
    margin: .16rem .68rem 0;
}
.bttom_nav a p{
    font-size: .266667rem;

}